import React from 'react';
import ReactDOM from 'react-dom';
import {Provider} from 'react-redux';
import configureStore from './redux/store';

import {PersistGate} from "redux-persist/integration/react";
import './index.css';
import App from './components/App';
import * as serviceWorker from './serviceWorker';

const renderLoading = () => {
	return (
			<div style={{textAlign: 'center', padding: '100px 0'}}>
				Loading...
			</div>
	);
};
const { store, persistor } = configureStore();

ReactDOM.render(
		<Provider store={store}>
			<PersistGate loading={renderLoading()} persistor={persistor}>
				<App />
			</PersistGate>
		</Provider>,
		document.getElementById('root')
);

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();
